<include file="Public:header" />
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/Normalize.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/gamenav.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/device.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/lolteams.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/teamlist.css">
    <include file="Public:gheader" />
    <div class="teamlist">
        <!-- 战队导航栏 -->
        <div class="team-h" style="display: none;">
            <ul>
                <li><a <eq name='Think.ACTION_NAME' value='teamsindex'> class="active" </eq> href="{:U('Index/teamsindex')}">我的战队</a></li>
                <li><a <eq name='Think.ACTION_NAME' value='teamlist'> class="active" </eq> href="{:U('Index/teamlist')}">列表</a></li>
                <li><a <eq name='Think.ACTION_NAME' value='sologames'> class="active" </eq> href="{:U('Index/soloindex')}">我的SOLO</a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
    $(function() {
        $(".team-h").fadeIn(300);
    })
    </script>
    <!-- 战队搜索框 -->
    <input type="text" name="tn" placeholder="请输入战队名字" />
    <!-- 战队列表 -->
    <div class="team-list-content" style="height: auto;margin-bottom:70px;">
        <volist name="teams" id="l">
            <div class="t-list">
                <!-- 战队logo -->
                <div class="t-l-logo">
                    <img src="{$l.logo}">
                </div>
                <div class="t-l-content">
                    <p>{$l.name}</p>
                    <p><span class="light-blue">{$l.xiangmuname}</span>/<span class="dark-gray">{$l.rennum}人</span></p>
                    <p><span class="light-blue">助力值：</span><span class="dark-gray">{$l.jiangjin}</span></p>
                </div>
                <a href="{:U('Index/teamsindex',array(id=>$l[id]))}"><div class="t-l-enter">进入</div></a>
            </div>
        </volist>


    </div>
    <script type="text/javascript">
    $(".t-l-enter").click(function() {
        $(".team-list-content").animate({
            left: "-100%"
        }, 300, function() {
            window.location.href = "{:U('Index/teamsindex')}";
        })
    })
    </script>

    <include file="Public:footer" />
